@import "_function";
.guide{
  .guide-page{
    position: relative;
    img{
      display: block;
      width:100%;
      height:100%;
    }
    .spot-list{
      position: absolute;
      width:100%;
      text-align: center;
      overflow: hidden;
      .b(110);
      li{
        box-shadow:0 0 10px 0 gray;
        display: inline-block;
        .ml(20);
        .w(20);
        .h(20);
        .bc(#fff);
        .br(50);
        .w(20);
        .h(20);
      }
      .active{
        box-shadow:none;
        position: relative;
        &:after{

          .bc(#5ebbff);
          content: '';
          display: block;
          .w(40);
          .h(20);
          position: absolute;
          z-index: 3;
          .br(50);
          .l(-10);
        }
      }
    }
    .pass{
      .bc(#785f59);
      .c(#fff);
      .w(120);
      .h(60);
      .lh(60);
      text-align: center;
      position: absolute;
      .b(92);
      .r(96);
      .br(16);
    }
  }
}